html,
body,
#app,
.el-container {
  height: 100%;
  margin: 0;
  padding: 0
}


.hd {
  height: 100px;
  box-sizing: border-box;
}

.hd .logo {
  display: flex;
  width: 300px;
  height: 60px;
  align-items: center;
  box-sizing: border-box;
  padding-left: 30px;
  font-size: 25px;
}

.hd .logo a {
  font-weight: 400;
  color: #dbfff8;
  font-family: zihun164hao-fangyuehei-Regular, zihun164hao-fangyuehei;
}

.hd .logo img {
  height: 34px;
  padding-right: 20px;
}

.el-aside,
.el-main {
  padding: 10px !important;
}

.el-header {
  height: 100px;
  padding: 10px 30px 10px 0px;
  overflow: hidden;
  box-sizing: border-box;
  background: url("@/assets/img/header.png") no-repeat;
  background-size: 100% 72px;
}

.el-table td.el-table__cell div {
  font-size: 13px;
}



/* 头像上传组件 */
.avatar-uploader .avatar {
  width: 90px;
  height: 90px;
  display: block;
}

.avatar-uploader .preview {
  position: relative
}

.avatar-uploader .preview span {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 20px;
  color: #efefef
}

.avatar-uploader .preview i {
  margin-right: 8px;
}

.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.avatar-uploader .el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 90px;
  height: 90px;
  text-align: center;
}

/* 图片上传组件 */
.image-uploader .el-upload-list__item {
  width: 90px;
  height: 90px;
}

.image-uploader .el-upload {
  width: 90px;
  height: 90px;
}

.el-radio-group {
  flex-wrap: nowrap
}

.btn-icon-text span {
  flex-direction: column;
}

.btn-icon-text i {
  margin-bottom: 5px;
}

.el-dialog {
  --el-dialog-bg-color: #191D4A;
}

.el-message-box {
  background-color: #191D4A;
  border: none;
  --el-messagebox-content-color: var(--bs-white);
  --el-messagebox-title-color: var(--bs-white);
}

.el-message-box__btns {
  justify-content: center;
}

.el-message-box__btns .el-button {
  background-color: transparent;
  border: 1px solid var(--bs-blue);
  color: var(--bs-blue);
}

.el-message-box__btns .el-button.el-button--primary {
  background-color: var(--bs-blue);
  color: var(--bs-white);


}

.el-dialog__title {
  color: var(--bs-white)
}

.el-dialog__footer {
  text-align: center;
}

/*
.dialog-footer button:first-child {
  margin-right: 10px;
} */
/* --------------tree start-------------*/
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background: transparent;
}

.el-tree-node__content>.el-tree-node__expand-icon {
  position: absolute;
  right: 0;
}
.el-tree-node__content>.el-tree-node__expand-icon.expanded {
  transform: rotate(180deg);
}
.el-tree-node:focus>.el-tree-node__content, .el-tree-node__children:active, .el-tree-node__content:active, .el-tree-node__content:hover{
  color: inherit !important;
}
.el-tree-node .is-active{
color: var(--bs-blue);
}
.i-el-time-popper-picker .el-time-spinner__item{color:#fff;}
.i-el-time-popper-picker .el-time-spinner__item.is-active:not(.is-disabled){color:#fff;}
.i-el-time-popper-picker .el-time-spinner__item:hover{background-color:transparent !important;}
.i-el-time-popper-picker .el-time-panel__btn{color:#fff;}
.i-el-time-popper-picker .el-time-panel__btn.confirm{color: var(--bs-blue);}
.el-popper.is-light {
  border: none;
  background: #070C3B !important;
}
.el-input__wrapper{
  border: none !important;
  background-color: #070C3B !important;
}

.el-popper.is-light .el-popper__arrow::before {
  border: none !important;
  background: #070C3B;
}

.el-select-dropdown__list {
  margin: 0 !important;
  overflow: hidden;
}

.el-select-dropdown__item {
  color: var(--bs-white);
  background: #191D4A !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background: #191D4A;
  border: none;
}


.el-tree {
  background: var(--bs-bg);
  --el-tree-node-content-height: 46px;
  --el-text-color-regular: #ffffff;

}

.el-tree-node:focus>.el-tree-node__content,
.el-tree-node__children:active,
.el-tree-node__content:active,
.el-tree-node__content:hover {
  background: transparent;
  color: var(--bs-blue);
}

/* --------------tree end-------------*/


/* --------------table start-------------*/

.el-table {
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: #191E4B;
  --el-table-border: none;
  --el-table-header-bg-color: var(--bs-bg);
  --el-table-header-text-color: var(--bs-white);
  --el-table-row-hover-bg-color: #0E2956;
  background-color: var(--bs-bg);
  color: var(--bs-white);
}

.el-table th.el-table__cell,
.el-table.is-scrolling-none th.el-table-fixed-column--left,
.el-table.is-scrolling-none th.el-table-fixed-column--right,
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: var(--bs-bg);
}

.el-table thead th {
  font-weight: 400;
}

.el-table--border .el-table__inner-wrapper::after,
.el-table--border::after,
.el-table--border::before,
.el-table__inner-wrapper::before {
  background-color: transparent
}

.el-pagination {
  --el-pagination-bg-color: transparent;
  --el-pagination-button-disabled-bg-color: transparent;
  color: var(--bs-white);
  justify-content: center;

}

.el-pagination__jump,
.el-pagination__total {
  color: var(--bs-white);
}

.el-pagination .el-input__inner {
  background-color: #191E4A;
}

.el-pagination .el-input__wrapper {
  background-color: #191E4A;
}

/* --------------table end-------------*/
.el-textarea {
  --el-input-text-color: var(--bs-white);
  --el-input-bg-color: #191E4A;
  --el-input-border-color: transparent;

}

/* --------------input start-------------*/
.el-input-group__append,
.el-input-group__prepend {
  background: transparent;
}

.el-input {
  --el-input-text-color: var(--bs-white);
  --el-input-bg-color: #191E4A;
  --el-input-border-color: transparent;
  --el-disabled-bg-color: #191E4A;
  --el-disabled-border-color: #363e8e;
}

.el-date-editor {
  --el-input-bg-color: transparent;
  border: none;
}

.el-date-editor .el-range-input {
  color: var(--bs-white);
}


.el-transfer {
  /* --el-table-header-bg-color: var(--bs-bg);
  --el-table-header-text-color: var(--bs-white); */


  --el-transfer-border-color:var(--bs-bg);
  --el-transfer-panel-header-bg-color: var(--bs-bg);
}
.el-transfer-panel__list{
  background: var(--bs-bg);
  color:var(--bs-white);
}
.el-transfer-panel__item.el-checkbox{
  color:var(--bs-white);
}
.el-transfer-panel{
  background: transparent;
}
.el-transfer-panel .el-transfer-panel__header{
  color:var(--bs-white);
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{
  color:var(--bs-white);

}

.search-form .el-input__wrapper{
  background-color: #191E4A !important;
}

.search-form .el-input {
  --el-input-text-color: var(--bs-white);
  --el-input-bg-color: #191D4A;
  --el-input-border-color: transparent;
}

.search-form .el-date-editor {
  --el-input-text-color: var(--bs-white);
  --el-input-bg-color: #191D4A;
  --el-input-border-color: transparent;
}

.search-form .el-input-group__append,
.el-input-group__prepend {
  background: #191D4A;
  /* --el-input-text-color: var(--bs-white);
  --el-input-bg-color: #191D4A;
  --el-input-border-color: transparent; */
}

/* --------------input end-------------*/

/* --------------checkbox start-------------*/
.el-checkbox {
  --el-checkbox-bg-color: transparent
}

/* --------------checkbox end-------------*/

/* --------------radio start-------------*/
.el-radio {
  --el-radio-text-color: var(--bs-white);
}

.radio_button .el-radio-button__inner {
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  border: none;
  box-shadow: none;
  border-radius: 6px;
}

.radio_button .el-radio-button:last-child .el-radio-button__inner,
.radio_button .el-radio-button:first-child .el-radio-button__inner,
.radio_button .el-radio-button__original-radio:checked+.el-radio-button__inner,
.radio_button .el-radio-button:first-child {
  border: none;
  box-shadow: none;
  border-radius: 6px;
}

.el-radio__input.is-checked .el-radio__inner,
.el-radio__inner {
  background-color: transparent;
}

.el-radio__inner::after {
  background: var(--bs-blue);
}

/* --------------radio end-------------*/
/* .el-checkbox{
  --el-checkbox-text-color: var(--bs-white);
} */


/* --------------card start-------------*/
.el-card {
  --el-card-border-color: transparent;
  --el-card-border-radius: 8px;
  --el-card-padding: 14px;
  --el-card-bg-color: rgba(255, 255, 255, 0.07);
  color: var(--bs-white);
}

/* --------------card end-------------*/




/* --------------switch start-------------*/
.el-switch {
  --el-switch-on-color: rgba(13, 184, 149, .2);
  --el-switch-off-color: rgba(255, 255, 255, 0.1);
  --el-switch-border-color: rgba(255, 255, 255, 0.1);
}

.el-switch__core {
  border: 1px solid transparent
}

.el-progress__text {
  font-size: 14px !important;
  color: var(--bs-white)
}

.el-progress-bar__outer {
  background: rgba(255, 255, 255, 0.1);
}

.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: rgba(255, 255, 255, 0.1);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: rgba(255, 255, 255, 0.1);
}

.el-switch.is-checked .el-switch__core {
  border: 1px solid transparent
}

.el-switch.is-checked .el-switch__core .el-switch__action {
  background-color: rgba(13, 172, 184, 9)
}

/* --------------switch end-------------*/

.el-button--primary.is-plain {
  background-color: rgba(13, 184, 149, 0.08);
  color: var(--bs-blue);
  border: 1px solid var(--bs-blue);
}

.el-button--primary {
  --el-button-hover-border-color: rgba(13, 184, 149, .6);
  --el-button-hover-bg-color: rgba(13, 184, 149, .6);
  --el-button-active-border-color: rgba(13, 184, 149, .6);
  --el-button-active-bg-color: rgba(13, 184, 149, .6);

}

.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
  --el-button-hover-bg-color: transparent;
  --el-button-bg-color: transparent;
}

.el-button--warning {
  --el-button-bg-color: #FFBB00
}

.el-form-item__label {
  font-size: 14px !important;
  color: var(--bs-white)
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
  color: #FF8800;
}

/* popper */
.el-popper.is-customized {
  padding: 6px 12px;
  background: rgba(25, 29, 74, 1);
  color: var(--bs-white);
}

.el-popper.is-customized .el-popper__arrow::before {
  background: rgba(25, 29, 74, 1);
  color: var(--bs-white);
  right: 0;
}

/* popper */
.el-descriptions {
  --el-descriptions-table-border: 1px solid rgba(255, 255, 255, 0.2);
  --el-descriptions-item-bordered-label-background: #191D4A;
  box-sizing: border-box;
  font-size: var(--el-font-size-base);
  color: var(--bs-white);
}

.card_bg .el-card__header {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 576px) {
  .hd .logo {
    width: 100px;
    font-size: 14px;
    padding-left: 10px;
  }

  .hd .logo img {
    height: 20px;
  }
}

@media (min-width: 768px) {

  .hd .logo {
    width: 150px;
    font-size: 16px;
    padding-left: 10px;
  }

  .hd .logo img {
    height: 24px;
  }
}

@media (min-width: 992px) {
  .hd .logo {
    width: 200px;
    font-size: 20px;
    padding-left: 15px;
  }

  .hd .logo img {
    height: 26px;
  }
}

@media (min-width: 1200px) {
  .hd .logo {
    width: 250px;
    font-size: 22px;
    padding-left: 20px;
  }

  .hd .logo img {
    height: 28px;
  }
}

@media (min-width: 1400px) {

  .hd .logo {
    width: 300px;
    font-size: 25px;
  }

  .hd .logo img {
    height: 45px;
    margin-top: -14px;
  }
}
